<template>
  <div class="app">
    我是app组件
    <!-- 其实就是起到了一个缓冲的作用Suspense -->
    <Suspense>
      <!-- 这个是当你的数据请求返回过来之后才会呈现 -->
      <template #default>
        <Child />
      </template>

      <!-- 这个是当你的异步请求还没有得到结果，先呈现，当你的异步数据回来之后就会呈现上面#default这个 -->
      <template #fallback>
        <h3>加载中...</h3>
      </template>
    </Suspense>

    <!-- 我是全局组件，在main中注册了 -->
    <Hello />
  </div>
</template>

<script setup lang="ts">
import Child from "./Child.vue";
</script>

<style scoped></style>
